<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
	  <meta http-equiv="cache-control" content="no-cache">
	  <meta http-equiv="expires" content="0">    
	  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	  <meta http-equiv="description" content="This is my page">
   
    <script src="./js/vue.min.js"></script>
    <script src="./js/httpVueLoader.js"></script><!-- 引入 http-vue-loader -->   
    <script type="text/javascript" src="./js/axios.min.js"></script>

    <link href="./css/front.css" rel="stylesheet">
    
    <script src="./js/jquery-1.8.3.min.js" ></script>
    <script src="./js/comm.js"></script>
</head>

<body>
<div id="app">
<my-header></my-header> 


<article> 
  <!--左侧-->
  <div class="lbox"> 
    <!-- 111 -->
    <div class="banbox" style="padding-top: 12px;">
      <div class="banner">
        <div id="banner" class="fader">
          <li class="slide" ><a href="#"><img src="./lunbo/1.jpg"></a></li>
          <li class="slide" ><a href="#"><img src="./lunbo/2.jpg"></a></li>
          <li class="slide" ><a href="#"><img src="./lunbo/3.jpg"></a></li>
          <div class="fader_controls">
            <div class="page prev" data-target="prev"></div>
            <div class="page next" data-target="next"></div>
            <ul class="pager_list">
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- 111 -->
    
    
    
    <!-- 222 -->
    <div class="headline" style="padding-top: 12px;">
      <ul>
        <li v-for="(xinwen, index) in xianshilist" :key="xinwen.id">
           <a :href="'/view/xinwen/xinwenDetail.html?id='+xinwen.id"><img :src="xinwen.fujian"/><span>{{xinwen.biaoti}}</span></a>
        </li>
      </ul>
    </div>
    <div class="clearblank"></div>
    <!-- 222 -->
    
    
    <!-- 333 -->
    <!-- <div class="tab_box whitebg">
      <div class="tab_buttons">
        <ul>
          <li>商品信息</li>
        </ul>
      </div>
      <div class="newstab">
        <div class="newsitem">
           1111111
        </div>
      </div>
    </div> -->
   <!-- 333 -->
    
    
    
    
    <!-- 444 -->
     <div class="zhuanti whitebg">
      <h2 class="htitle"><span class="hnav"><!-- <a href="#">更多<<  </a> --></span>系统介绍</h2>
      <div><div v-html="jieshao.neirong"></div></div>
    </div>
    <!-- 444 -->
    
    
    
    
    
    
    
    
    <!-- 444 -->
<!--     <div class="zhuanti whitebg" style="margin-top: 12px;">-->
<!--      <h2 class="htitle"><span class="hnav"></span>最新发布</h2>-->
<!--      <ul>-->
<!--        <li v-for="(dongwu, index) in dongwuList" :key="dongwu.id">-->
<!--           <i class="ztpic" style="height: 158px;">-->
<!--              <a :href="'/view/dongwu/dongwuDetail.html?id='+dongwu.id"><img :src= "dongwu.fujian"/></a>-->
<!--           </i>-->
<!--           <center><a :href="'/view/dongwu/dongwuDetail.html?id='+dongwu.id"><b>{{dongwu.mingcheng}}</b></a></center>-->
<!--        </li>-->
<!--      </ul>-->
<!--    </div>-->
    <!-- 444 -->
    <!-- <div class="ad whitebg"> <img src="./images/longad.jpg"> </div> -->
  </div>
  <!--左侧-->
  
  
  
  
  
  
  
  
  <!--右侧-->
  <div class="rbox">
      <my-right></my-right>
  </div>
  <!--右侧-->
  
  
</article>



<my-foot></my-foot>



    
</div>


<script>

    

new Vue({
    el: '#app',
    data: 
		{
			jieshao:{
								
			},
			
			total:0,
			pageSize:64,
			currentPage:1,//当前页

			xinwenList:[],
      xianshilist: null,	

      dongwuList:[],
		},
		
		methods: 
		{
			getData()
			{
	           axios({
                method: 'POST',
                url: '/jieshaoMana',
                params:{
                  id:1,
                }
                }).then(data => {
                  if (data.data.state == 66)
                  {
                    this.jieshao=data.data.data;
                  } 
                    
                }).catch(error => {
                  alert(error);
              })
			},
			
			getData1()
			{
            axios({
              method: 'POST',
              url: '/xinwenQian2',
              params:{
                
              }
              }).then(data => {
                if (data.data.state == 66)
                {
                  this.xinwenList=data.data.data;
                  this.total=this.xinwenList.length;
                  this.xianshilist = this.xinwenList.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)
                } 
                  
              }).catch(error => {
                alert(error);
            })
      },
      
      getData2()
			{
            axios({
              method: 'POST',
              url: '/dongwuQian6',
              params:{
                
              }
              }).then(data => {
                if (data.data.state == 66)
                {
                    this.dongwuList=data.data.data;
                } 
                  
              }).catch(error => {
                alert(error);
            })
			},
            
            
			
		},
		
		
		
		created()
		{
			this.getData();
      this.getData1();
      this.getData2();
		},
		
        components: {
            'my-header': httpVueLoader('./components/my-header.vue'),
            'my-foot': httpVueLoader('./components/my-foot.vue'),
            'my-right': httpVueLoader('./components/my-right.vue'),
        }
    })
</script>
</body>

</html>